<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>
    <style>
        *{margin: 0px;padding: 0px}
        div{
            height: 100px;width: 100px;
            background:url("../res/snow.png") no-repeat;
            background-size: 100px;
            position: absolute;
        }
    </style>
</head>
<body>
<!--

    需求： 在文档让div跟随鼠标一起运动

        事件源： 文档对象 ： document

        事件类型： onmousemove

        事件处理函数： 让div跟随鼠标一起运动

            分析：	1.  div一定是定位的
                    2.  div的偏移值  == 鼠标的水平垂直坐标



-->
    <div id="box"></div>
    <script type="text/javascript">
        //1,给文档对象添加事件（onmousemove是鼠标移动）
        document.onmousemove = function (event) {
            //1,事件对象
            var e = event;
            //2,通过事件对象去获取鼠标的坐标
            var x = e.clientX;
            var y = e.clientY;
            //3,给div赋值
            var box = document.getElementById("box");
            //获取样式标签的属性
                      // var height = getCss(box,"height");
            // var width = getCss(box,"width");

            box.style.top = y+"px";
            box.style.left =x+"px";
            // box.style.top = height/2+y+"px";
            // box.style.left = width/2+x+"px";
        }
    </script>

</body>
</html>